<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <META HTTP-EQUIV="pragma" CONTENT="no-cache">
  <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
  <meta http-equiv="Expires" content="0">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-control" content="no-cache">
  <meta http-equiv="Cache" content="no-cache">
  <link rel="stylesheet" type="text/css" href="${ctxPath}/static/css/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="${ctxPath}/static/css/themes/icon.css">
  <link rel="stylesheet" type="text/css" href="${ctxPath}/static/css/index.css">
  <script type="text/javascript" src="${ctxPath}/static/js/jquery.min.js"></script>
  <script type="text/javascript" src="${ctxPath}/static/js/jquery.serializejson.js"></script>
  <script type="text/javascript" src="${ctxPath}/static/js/jquery.easyui.min.js"></script>
  <script type="text/javascript" src="${ctxPath}/static/js/locale/easyui-lang-zh_CN.js"></script>
  <script type="text/javascript" src="${ctxPath}/static/js/common.js"></script>
  <script type="text/javascript" src="${ctxPath}/static/sysset/js/staff.js"></script>
  <title></title>
</head>
<body class="easyui-layout">
<div data-options="region:'north'" style="height:50px;vertical-align: middle;overflow:hidden">
  <form id="queryForm" method="post">
    <table style="width: 98%">
      <tr style="height:50px;vertical-align: middle;">
        <td style="width: 30%">
          <label for="name">人员姓名:</label>
          <input type="text" name="staffName"  id="txt_staffName" class="easyui-textbox" />
        </td>
        <td style="width: 30%">
          <label for="name">住址:</label>
          <input type="text" name="staffAddr"  id="txt_staffAddr" class="easyui-textbox" />
        </td>
        <td style="text-align: right">
          <a id="btn_search" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>
        </td>
      </tr>
    </table>
  </form>
</div>
<div data-options="region:'center',title:'部门查询列表',iconCls:'icon-ok'">
    <table id="tbl_staff_detail">
    </table>
</div>
<div data-options="region:'south',split:false,border:false" style="height:40px;padding: 2px;text-align: right">
    <a class="easyui-linkbutton" data-options="iconCls:'icon-add'" href="#" id="btn_addStaff"
       style="margin: 2px 4px">增加</a>
    <a class="easyui-linkbutton" data-options="iconCls:'icon-edit'" href="#" id="btn_editStaff" style="margin: 2px 4px">修改</a>
    <a class="easyui-linkbutton" data-options="iconCls:'icon-remove'" href="#" id="btn_delStaff"
       style="margin: 2px 4px">删除</a>
</div>
<div class="easyui-dialog"
     data-options="iconCls:'icon-save',resizable:false,modal:true,buttons:'#dlg_btnsave',closable:false,closed:true"
     id="dlg_staffSave" style="width:600px;height:250px;"
     title="增加">
    <form id="saveFormPost" method="post">
        <div style="width: 100%;text-align: center;">
            <table cellpadding="0" cellspacing="0" class="datagrid-btable myTable"
                   style="width: 95%;margin-left: auto;margin-right: auto;margin-top: 20px;">
                <tr style="vertical-align: middle;">
                    <td style="width: 20%;">
                        <label>员工姓名::</label>
                        <input id="add_staffId" name="staffId" type="hidden"/>
                    </td>
                    <td style="text-align: left;width: 30%">
                        <input class="easyui-textbox" data-options="validType:'length[0,50]',required:true"
                               id="add_staffName" name="staffName" type="text"/>
                    </td>
                    <td style="width: 20%;">
                        <label>电话:</label>
                    </td>
                    <td style="text-align: left;width: 30%">
                        <input class="easyui-textbox" data-options="validType:'length[0,20]'" id="add_staffPhone"
                               name="staffPhone" type="text"/>
                    </td>
                </tr>
                <tr>
                    <td style="width: 20%;">
                        <label>性别:</label>
                    </td>
                    <td style="text-align: left;width: 30%;">
                        <input class="easyui-textbox" data-options="validType:'length[0,10]'" id="add_staffSex"
                               name="staffSex" type="text"/>
                    </td>
                    <td style="width: 20%;">
                        <label>地址:</label>
                    </td>
                    <td style="text-align: left;width: 30%">
                        <input class="easyui-textbox" data-options="validType:'length[0,50]'" id="add_staffAddr"
                               name="staffAddr" type="text"/>
                    </td>
                </tr>
                <tr>
                    <td style="width: 20%;">
                        <label>职务::</label>
                    </td>
                    <td colspan="3" style="text-align: left;">
                        <input class="easyui-textbox" data-options="validType:'length[0,100]'" id="add_staffTitle"
                               name="staffTitle" style="width: 430px" type="text"/>
                    </td>
                </tr>
            </table>
        </div>
    </form>
    <div id="dlg_btnsave" style="width: 100%;text-align: center;">
        <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="#" id="btn_saveStaff"
           style="margin: 2px 16px;">确定</a>
        <a class="easyui-linkbutton" data-options="iconCls:'icon-no'" href="#" id="btn_cancelStaff"
           style="margin: 2px 16px;">取消</a>
    </div>
</div>
</body>
</html>